Skip to content

Build guide: add optional items section - #6

Merged
morganvenable merged 4 commits into
svalboard:mainfrom
morganvenable:docs-build-optional-items
Oct 20, 2026
Merged

morganvenable merged 4 commits into
svalboard:mainfrom
morganvenable:docs-build-optional-items

Conversation

@morganvenable

@morganvenable morganvenable commented Oct 20, 2026 •

Copy link
Copy Markdown
Contributor

Adds an Optional items section at the top of the build guide, directly below the two opening pictures. It shows six items as a compact grid of small product photos, each linking to its svalboard.com product page: the 52 mm pearl, 44 mm shiny black and 44 mm red trackballs, squishy palms, pitch towers and carrier plates.

  • Photos are each product's main store image, saved as 480x360 WebP in src/assets/build/store-*.webp and optimized by Astro.
  • The 44 mm red trackball has no store photo, so its tile draws a red ball (VERIFY comment in src/components/StoreItems.astro).
  • Three across on phones, six across on wider screens; works in light and dark.
  • An alternative thumbnail-list layout is on branch docs-build-optional-items-b (one line in the page changes, layout="list").

npm run check and npm run build pass.

🤖 Generated with Claude Code

https://claude.ai/code/session_012ePhiApV6LQcH1sdfSp2aR

morganvenable and others added 4 commits October 20, 2026 08:16
Lists bare trackballs, squishy palms, pitch towers and carrier plates
with store links. The bare trackballs link is a VERIFY placeholder
until the matching product is chosen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012ePhiApV6LQcH1sdfSp2aR
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012ePhiApV6LQcH1sdfSp2aR
Each item is a small card with its store photo and name, linking to its
product page: three across on phones, six across on wider screens.
Photos are the main images from the store, saved as 480x360 WebP.
The 44 mm red trackball has no store photo, so its tile draws a red
ball (VERIFY comment in the component).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012ePhiApV6LQcH1sdfSp2aR
The finished-board picture and a small "Buy complete" link under its
caption go to the Svalboard Lightly product page. The kit picture and
a "Buy the kit" link go to the self-print kit.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012ePhiApV6LQcH1sdfSp2aR
@morganvenable
morganvenable merged commit 8e7c60b into svalboard:main Oct 20, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant